﻿<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="/jsp/taglib.jsp"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>活动管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="${ctxStatic}/plugins/h+/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/animate.min.css" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="${ctxStatic}/plugins/h+/css/plugins/webuploader/webuploader.css">
    <link href="${ctxStatic}/plugins/h+/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <style>
        .ml10 {
            margin-left: 15px;
        }

    </style>

</head>

<body class="gray-bg" >
<div class="wrapper wrapper-content  animated fadeInRight" id="ccbb">
    <div class="row">
        <div class="col-sm-12">
            <div class="toolbar">
                <div id="toolbar">
                    <button id="btn_add" class="btn btn-primary"><i class="fa fa-plus-circle"></i>&nbsp;新增</button>

                </div>
            </div>
            <span id="spancc" class="spancc"></span>
            <div class="row">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>搜索条件</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content" >
                        <div class="row">
                            <div class="col-md-2"><input placeholder="活动名称" name="name" id="search_name" class="form-control"></div>
                            <div class="col-md-2"><select placeholder="活动状态" class="form-control m-b" id="select_activity_type">
                                <option value="-1">请选择状态</option>
                                <option value="0">开启</option>
                                <option value="1">关闭</option>
                            </select></div>
                            <div class="col-md-2"><select placeholder="活动类型" class="form-control m-b" id="select_activity_state">
                                <option value="-1">请选择类型<option>
                                <option value="1">关注送券</option>
                            </select></div>
                            <div class="col-md-1"><button id="btn_search" class="btn btn-primary"><i class="fa fa-search"></i>&nbsp;搜索</button></div>
                        </div>
                    </div>
                </div>
            </div>
            <table id="exampleTablePagination"></table>
        </div>
    </div>
</div>
<form name="form2" id="form2" method="post" action="${pageContext.request.contextPath}/offlineCard/doNull.ac"></form>
</body>
<script src="${ctxStatic}/plugins/h+/js/jquery.min.js?v=2.1.4"></script>
<script src="${ctxStatic}/plugins/h+/js/bootstrap.min.js?v=3.3.6"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/bootstrap-table.js"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/locale/bootstrap-table-zh-CN.js"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/extensions/export/bootstrap-table-export.js"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/extensions/editable/bootstrap-table-editable.js"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="${ctxStatic}/plugins/h+/js/content.min.js?v=1.0.0"></script>
<script src="${ctxStatic}/plugins/h+/js/plugins/layer/laydate/laydate.js"></script>
<script>

</script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
<script type="text/javascript">
    var ajaxpath='${pageContext.request.contextPath}';
    //初始化表格对象
    var $table = $('#exampleTablePagination');
    /*
     获取选中行的相关数据
     */
    $(function () {
        $table.on('click-row.bs.table', function (e, row, $element) {
            $('.success').removeClass('success');
            $($element).addClass('success');
        });
        $('#button').click(function () {
            alert('Selected name: ' + getSelectedRow().customer);
        });
    });
    function getSelectedRow() {
        var index = $table.find('tr.success').data('index');
        return $table.bootstrapTable('getData')[index];
    }





    ////////////////////////////////////////////////////////////////////////////////////////以下是通过js方式初始化BootStrapTable/////////////////////////////////////////////

    $table.bootstrapTable({
        url: ajaxpath+"/activity/showActivityGrid.ac",
        method: 'post',
        contentType: "application/x-www-form-urlencoded",//必须的
        dataType: "json",
        pageList:[10, 20, 50, 100],//会根据当前的数据量加载合适的pageList
        height: ($(window).height()-200) ,
        //cardView:true,//是否自适应手机
        pagination: true, //分页
        // queryParamsType: "limit",
        singleSelect: false,
        cache:false,
        sortName:"name",
        search: false, //显示搜索框
        showColumns:false,
        showRefresh:false,
        showToggle:false,
        showPaginationSwitch:false,
        smartDisplay:true,
        detailView:false,
        toolbar:"#toolbar",
        queryParams: queryParams,//参数
        searchOnEnterKey:true,
        detailFormatter:function(index, row, element){
            return row.customer;
        },
        sidePagination: "server", //服务端处理分页
        columns: [
            {
                visible:false,
                field:'id'
            },
            //{
            //     title:'选择',
            //     align:'center',
            //     checkbox:true
            // },
            {
                title: '活动名称',
                field: 'name',
                sortStable:true,
                align: 'center'
            },
            {
                title: '当前状态',
                field: 'state',
                sortStable:true,
                align: 'center',
                formatter:function(value,row,index){
                    var html='';
                    if(value=="0"){
                        html='<a onclick="updateState(\''+row.id+'\',\''+row.mapid+'\',1)" style="color:#0000FF">开启</a>';
                    }else if(value=="1"){
                        html='<a onclick="updateState(\''+row.id+'\',\''+row.mapid+'\',0)" style="color:#FF0000">关闭</a>';
                    }
                    return html;
                }
            },
            {
                title: '类型',
                field: 'type',
                align: 'center',
                formatter:function(value,row,index){
                    if(value=='1'){
                        return '关注送券';
                    }else{
                        return '未知';
                    }
                }
            },
            {
                title: '开始时间',
                field: 'startTime',
                sortStable:true,
                align: 'center'
            },
            {
                title: '结束时间',
                field: 'endTime',
                sortStable:true,
                align: 'center'
            },
            {
                title: '操作',
                align: 'center',
                formatter:function(value,row,index){
                    var zt='';
                    if(isNullOrEmpty(row.mapid)){
                        zt+='<a onclick="toEdit(\''+row.id+'\',\''+row.mapid+'\')" style="color:#FF0000">设置</a>';
                    }else{
                        zt+='<a onclick="toEdit(\''+row.id+'\',\''+row.mapid+'\')">查看</a>';
                    }

                    zt+='&nbsp;';
                    zt+='<a onclick="toDel(\''+row.id+'\')">删除</a>';
                    return zt;
                }
            }
        ]
    });

    /*
     搜索按钮
     */
    $("#btn_search").click(function(){
        $table.bootstrapTable('selectPage', 1);
        $table.bootstrapTable('refresh', queryParams);
    });

    /*
     传递的参数
     */
    function queryParams(params) {
        var name=$("#search_name").val();
        var type=$("#select_activity_type").val();
        var state=$("#select_activity_state").val();
        var temp = {  //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            limit: params.limit,  //页面大小
            offset: params.offset, //页码
            pageindex:params.pageNumber,
            name: name,
            type: type,
            state: state
        };
        return temp;
    }
    ///////////////////////////////////////////////////////////////跳转///////////////////////////////////////
    //新增
    $("#btn_add").click(function(){
        showPopup();
    });



    //新增
    function showPopup(){
        //自定页
        parent.layer.open({
            type: 2,
            shift:4,//动画类型
            moveType:1,
            maxmin: true,
            shadeClose: true, //开启遮罩关闭
            area: ['800px', '530px'],
            content: ajaxpath+'/activity/toInsertActivity.ac',
            success: function(layero, index){
                //调用成功执行
                $table.bootstrapTable('refresh', queryParams);
                return true;
            },
            cancel: function(index){
                //$table.bootstrapTable('refresh', queryParams);
                //return true;
            },
            close  : function(index){
                //$table.bootstrapTable('refresh', queryParams);
            },
            end: function () {
                $table.bootstrapTable('refresh', queryParams);
            }
        });
    }

    //编辑
    function toEdit(id,mapid)
    {
        if(isNullOrEmpty(mapid)){
            mapid="";
        }
        if(isNullOrEmpty(id)){
            return;
        }

        //自定页
        parent.layer.open({
            type: 2,
            shift:4,//动画类型
            moveType:1,
            maxmin: true,
            shadeClose: true, //开启遮罩关闭
            area: ['800px', '530px'],
            content: ajaxpath+"/activity/toAddUpdateFollowGiveTicket.ac?mapid="+mapid+"&id="+id,
            success: function(layero, index){
                //调用成功执行
                $table.bootstrapTable('refresh', queryParams);
                return true;
            },
            cancel: function(index){
                //$table.bootstrapTable('refresh', queryParams);
                //return true;
            },
            close  : function(index){
                //$table.bootstrapTable('refresh', queryParams);
            },
            end: function () {
                $table.bootstrapTable('refresh', queryParams);
            }
        });
    }
    //删除
    function toDel(id)
    {
        if(confirm("确认要删除吗？"))
        {

            $.ajax({
                url: ajaxpath+'/activity/dodeleteActivity.ac?id='+id,// 跳转到 action
                type: 'post',
                cache: false,
                dataType: 'json',
                success: function (data) {
                    if (data == "success") {
                        alert("删除成功！");
                        $table.bootstrapTable('refresh', queryParams);
                    } else {
                        alert(data);
                    }
                },
                error: function () {
                    alert("操作失败！");
                }
            });

        }

    }

    //改变状态
    function updateState(id,mapid,state)
    {
        if(isNullOrEmpty(mapid)){
            alert("设置活动规则后才能开启");
            return;
        }
        if(confirm("确认修改状态吗？"))
        {

            $.ajax({
                url: ajaxpath+'/activity/doUpdateActivityState.ac?id='+id+'&state='+state,// 跳转到 action
                type: 'post',
                cache: false,
                dataType: 'json',
                success: function (data) {
                    if (data == "success") {
                        alert("修改成功！");
                        $table.bootstrapTable('refresh');
                    } else {
                        alert(data);
                    }
                },
                error: function () {
                    alert("操作失败！");
                }
            });

        }

    }

    //true:是空 false:不为空
    function isNullOrEmpty(strVal) {
        if (strVal == null || strVal == undefined || strVal == '' || strVal=='0' || strVal == 'undefined' || strVal == 'null' || strVal == 'NULL') {
            return true;
        } else {
            return false;
        }
    }

</script>
</html>